<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link href="../static/css/css.css" rel="stylesheet" type="text/css"/>
    <link href="../static/css/common.css" rel="stylesheet" type="text/css"/>
    <link href="../static/Threelinkage/linkage.css" rel="stylesheet" type="text/css"/>
    <script src="../static/js/jquery-1.9.1.min.js" type="text/javascript"></script>
    <script src="../static/js/jquery.SuperSlide.2.1.1.js" type="text/javascript"></script>
    <script src="../static/js/common_js.js" type="text/javascript"></script>
    <script type="text/javascript" src="{{ static('js/user_center_site.js') }}"></script>
    <title>用户地址管理</title>
</head>

<body>
<!--顶部样式-->
<div id="top">
    <div class="top">
        <div class="Collection"><em></em><a href="../static/#">收藏我们</a></div>
        <div class="hd_top_manu clearfix">
            <ul class="clearfix">
                {% if user.is_authenticated %}
                    <li class="login_btn fl">
                        欢迎您：<em>{{ user.username }}</em>
                        <span>|</span>
                        <a href="{{ url('users:logout') }}">退出</a>
                    </li>
                {% else %}
                    <li v-else class="hd_menu_tit zhuce" data-addclass="hd_menu_hover">
                        <a href="{{ url('users:login') }}" class="red">[请登录]</a> 新用户<a
                            href="{{ url('users:register') }}" class="red">[免费注册]</a></li>
                {% endif %}
                <li class="hd_menu_tit" data-addclass="hd_menu_hover"><a href="../static/#">我的订单</a></li>
                <li class="hd_menu_tit" data-addclass="hd_menu_hover"><a href="../static/#">购物车(<b>0</b>)</a></li>
                <li class="hd_menu_tit" data-addclass="hd_menu_hover"><a href="../static/#">联系我们</a></li>
                <li class="hd_menu_tit list_name" data-addclass="hd_menu_hover"><a href="../static/#" class="hd_menu">客户服务</a>
                    <div class="hd_menu_list">
                        <ul>
                            <li><a href="../static/#">常见问题</a></li>
                            <li><a href="../static/#">在线退换货</a></li>
                            <li><a href="../static/#">在线投诉</a></li>
                            <li><a href="../static/#">配送范围</a></li>
                        </ul>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
<!--logo和搜索样式-->
<div id="header" class="header">
    <div class="logo">
        <a href="../static/#"><img src="../static/images/logo.png"/></a>
        <div class="phone">
            免费咨询热线:<span class="telephone">400-3454-343</span>
        </div>
    </div>
    <div class="Search">
        <p><input name="" type="text" class="text"/><input name="" type="submit" value="" class="Search_btn"/></p>
        <p class="Words"><a href="../static/#">苹果</a><a href="../static/#">香蕉</a><a href="../static/#">菠萝</a><a
                href="../static/#">西红柿</a><a href="../static/#">橙子</a><a href="../static/#">苹果</a></p>
    </div>
</div>
<!--导航栏样式-->
<div id="Menu" class="clearfix">
    <div class="Menu_style">
        <div id="allSortOuterbox" class="display">
            <div class="Category"><a href="../static/#" class="Menu_img"><em></em></a></div>
            <div class="hd_allsort_out_box_new">
                <!--左侧栏目开始-->
                <div class="Menu_list">
                    <div class="menu_title">茶叶品种</div>
                    <a href="../static/#">贡茗茶</a><a href="../static/#">冠茗茶</a><a href="../static/#">佳茗茶</a><a
                        href="../static/#">珍茗茶</a><a href="../static/#">绿茶</a><a href="../static/#">毛尖茶</a>
                </div>
                <div class="Menu_list">
                    <div class="menu_title">茶叶价格</div>
                    <a href="../static/#">100以下</a><a href="../static/#">100-200</a><a href="../static/#">200-400</a><a
                        href="../static/#">400-600</a><a href="../static/#">600-900</a><a href="../static/#">1000以上</a>
                </div>
                <div class="Menu_list">
                    <div class="menu_title">推荐茶叶</div>
                    <ul class="recommend">
                        <li><a href="../static/#" title="[2015年新茶]巴山雀舌毛尖茶新茶，含硒">[2015年新茶]巴山雀舌...</a></li>
                        <li><a href="../static/#" title="[2015年新茶]巴山雀舌毛尖茶新茶，含硒">[2015年新茶]巴山雀舌...</a></li>
                        <li><a href="../static/#" title="[2015年新茶]巴山雀舌毛尖茶新茶，含硒">[2015年新茶]巴山雀舌...</a></li>
                        <li><a href="../static/#" title="[2015年新茶]巴山雀舌毛尖茶新茶，含硒">[2015年新茶]巴山雀舌...</a></li>
                        <li><a href="../static/#" title="[2015年新茶]巴山雀舌毛尖茶新茶，含硒">[2015年新茶]巴山雀舌...</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="Navigation" id="Navigation">
            <ul class="Navigation_name">
                <li><a class="nav_on" id="mynav1" href="../static/index.html"><span>首页</span></a></li>
                <li><a class="nav_on" id="mynav2" href="../static/#"><span>巴山雀舌</span></a></li>
                <li><a class="nav_on" id="mynav3" href="../static/#"><span>贡茗</span></a></li>
                <li><a class="nav_on" id="mynav4" href="../static/#"><span>冠茗</span></a></li>
                <li><a class="nav_on" id="mynav5" href="../static/#"><span>臧芝堂（藏茶）</span></a></li>
                <li><a class="nav_on" id="mynav6" href="../static/#"><span>大巴山（茗茶）</span></a></li>
                <li><a class="nav_on" id="mynav7" href="../static/#"><span>达州（茶）</span></a></li>
                <li><a class="nav_on" id="mynav8" href="../static/#"><span>活动</span></a></li>
                <li><a class="nav_on" id="mynav8" href="../static/#"><span>联系我们</span></a></li>
            </ul>
        </div>
        <script>$("#Navigation").slide({titCell: ".Navigation_name li"});</script>
        <!--购物车-->

        <div class="hd_Shopping_list" id="Shopping_list">
            <div class="s_cart"><em></em><a href="../static/#">我的购物车</a> <i class="ci-right">&gt;</i><i class="ci-count"
                                                                                                        id="shopping-amount">0</i>
            </div>
            <div class="dorpdown-layer">
                <div class="spacer"></div>
                <!--<div class="prompt"></div><div class="nogoods"><b></b>购物车中还没有商品，赶紧选购吧！</div>-->
                <ul class="p_s_list">
                    <li>
                        <div class="img"><img src="../static/images/tianma.png"></div>
                        <div class="content"><p><a href="../static/#">产品名称</a></p>
                            <p>颜色分类:紫花8255尺码:XL</p></div>
                        <div class="Operations">
                            <p class="Price">￥55.00</p>
                            <p><a href="../static/#">删除</a></p></div>
                    </li>
                </ul>
                <div class="Shopping_style">
                    <div class="p-total">共<b>1</b>件商品　共计<strong>￥ 515.00</strong></div>
                    <a href="../static/#" title="去购物车结算" id="btn-payforgoods" class="Shopping">去购物车结算</a>
                </div>
            </div>
        </div>
    </div>
</div>
<!--用户中心(地址管理界面)-->
<div class="user_style clearfix" id="user">
    <div class="user_title"><em></em>用户中心</div>
    <div class="clearfix user">
        <!--左侧菜单栏样式-->
        <div class="user_left">
            <div class="user_info">
                <div class="Head_portrait"><img src="../static/images/people.png" width="80px" height="80px"/>
                    <!--头像区域--></div>
                <div class="user_name">用户蜜甘草<a href="../static/#">[个人资料]</a></div>
            </div>
            <ul class="Section">
                <li><a href="../static/#"><em></em><span>我的特色馆</span></a></li>
                <li><a href="../static/#"><em></em><span>个人信息</span></a></li>
                <li><a href="../static/#"><em></em><span>修改密码</span></a></li>
                <li><a href="../static/#"><em></em><span>我的订单</span></a></li>
                <li><a href="../static/#"><em></em><span>我的评论</span></a></li>
                <li><a href="../static/#"><em></em><span>我的积分</span></a></li>
                <li><a href="../static/#"><em></em><span>我的收藏</span></a></li>
                <li><a href="../static/#"><em></em><span>收货地址管理</span></a></li>
            </ul>
        </div>
        <script src="../static/Threelinkage/kit.js"></script>
        <!--[if IE]>
		<script src="../static/Threelinkage/ieFix.js"></script>
		<![endif]-->
        <script type="text/javascript">
            var _gaq = _gaq || [];
            _gaq.push(['_setAccount', 'UA-30210234-1']);
            _gaq.push(['_trackPageview']);
            (function () {
                var ga = document.createElement('script');
                ga.type = 'text/javascript';
                ga.async = true;
                ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
                var s = document.getElementsByTagName('script')[0];
                s.parentNode.insertBefore(ga, s);
            })();


        </script>
        <script src="../static/Threelinkage/dom.js"></script>
        <script src="../static/Threelinkage/event.js"></script>
        <script src="../static/Threelinkage/math.js"></script>
        <script src="../static/Threelinkage/TreeDict.js"></script>
        <script src="../static/Threelinkage/form.js"></script>
        <script src="../static/Threelinkage/combobox.js"></script>
        <script src="../static/Threelinkage/suggestselect.js"></script>
        <script src="../static/Threelinkage/list.js"></script>

        <!--json data-->
        <script src="../static/Threelinkage/json-data.js" charset="utf-8"></script>
        <!--右侧内容样式-->
        <div class="right_style r_user_style">
            <div class="user_Borders">
                <div class="title_name">
                    <span class="name">地址管理</span>
                </div>
                <div class="about_user_info">
                    <form id="form1" name="form1" method="post" action="">
                        <div class="user_layout">
                            <ul>
                                <li class="li"><label class="user_title_name">收件人姓名：</label><input name="receiver"
                                                                                                   type="text"
                                                                                                   class="add_text"><i>*</i>
                                </li>
                                <li class="li">
                                    <div class="select">
                                        <span class="select_adderss"><label> 省份 </label><select
                                                class="kitjs-form-suggestselect " name="province_id"></select></span>
                                        <span class="select_adderss"><label> 市/县 </label><select
                                                class="kitjs-form-suggestselect " name="city_id"></select></span>
                                        <span class="select_adderss"><label> 区/县 </label><select
                                                class="kitjs-form-suggestselect" name="district_id"></select></span>
                                        <i>*</i>
                                    </div>
                                </li>
                                <li class="li"><label class="user_title_name">收货地址：</label><input name="place"
                                                                                                  type="text"
                                                                                                  class="add_text"><i>*</i>
                                </li>
                                <li class="li"><label class="user_title_name">邮&nbsp;&nbsp;&nbsp;&nbsp;编：</label><input
                                        name="postcode" type="text" class="add_text"><i>*</i></li>
                                <li class="li"><label class="user_title_name">手&nbsp;机&nbsp;号：</label><input
                                        name="mobile"
                                        type="text"
                                        class="add_text"><i>*</i>
                                </li>
                                <li class="li"><label class="user_title_name">固定电话：</label><input name="tel" type="text"
                                                                                                  class="add_text"></li>
                            </ul>
                            {#         <div class="operating_btn"><input name="name" type="submit" value="确认" class="submit—btn"></div>#}
                            <div class="operating_btn"><input @click="save_address" type="submit" name="" value="确认"
                                                              class="submit—btn"></div>
                        </div>
                    </form>
                </div>
                <!--地址列表-->
                <div class="Address_List">
                    <div class="title_name"><span class="name">用户地址列表</span></div>
                    <div class="list">
                        <table>
                            <thead>
                            <td class="list_name_title0">id</td>
                            <td class="list_name_title0">收件人姓名</td>
                            <td class="list_name_title1">地区</td>
                            <td class="list_name_title2">固定电话</td>
                            <td class="list_name_title3">电话</td>
                            <td class="list_name_title4">收货地址</td>
                            <td class="list_name_title5">操作</td>
                            </thead>

                            <tr>
                                {% for address in address_dict %}
                                    <tr>
                                        <td>{{ address.id }}</td>
                                        <td>{{ address.receiver }}</td>
                                        <td>{{ address.province }} {{ address.city }} </td>
                                        <td>{{ address.tel }}</td>
                                        <td>{{ address.mobile }}</td>
                                        <td>{{ address.place }}</td>
                                        <td><a href="{{ url("users:updateaddress") }}">删除</a></td>
                                    </tr>
                                {% endfor %}
                            </tr>
                            <tr>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="footerbox">
    <!--友情链接-->
    <div class="Links">
        <div class="link_title">友情链接</div>
        <div class="link_address"><a href="../static/#">四川茶叶协会</a> <a href="../static/#">链接地址</a> <a href="../static/#">链接地址</a>
            <a href="../static/#">链接地址 </a> <a href="../static/#">链接地址</a> <a href="../static/#">链接地址</a> <a
                    href="../static/#">链接地址</a></div>
    </div>
</div>
<!--底部样式-->
<div class="footer">
    <div class="streak"></div>
    <div class="footerbox clearfix">
        <div class="left_footer">
            <div class="img"><img src="../static/images/img_33.png"/></div>
            <div class="phone">
                <h2>服务咨询电话</h2>
                <p class="Numbers">400-3455-334</p>
            </div>
        </div>
        <div class="right_footer">
            <dl>
                <dt><em class="icon_img"></em>购物指南</dt>
                <dd><a href="../static/#">怎样购物</a></dd>
                <dd><a href="../static/#">积分政策</a></dd>
                <dd><a href="../static/#">会员优惠</a></dd>
                <dd><a href="../static/#">订单状态</a></dd>
                <dd><a href="../static/#">产品信息</a></dd>
                <dd><a href="../static/#">怎样购物</a></dd>
            </dl>
            <dl>
                <dt><em class="icon_img"></em>配送方式</dt>
                <dd><a href="../static/#">快递资费及送达时间</a></dd>
                <dd><a href="../static/#">快递覆盖地区查询</a></dd>
                <dd><a href="../static/#">验货与签收</a></dd>
                <dd><a href="../static/#">订单状态</a></dd>
                <dd><a href="../static/#">产品信息</a></dd>
                <dd><a href="../static/#">怎样购物</a></dd>
            </dl>
            <dl>
                <dt><em class="icon_img"></em>配送方式</dt>
                <dd><a href="../static/#">货到付款</a></dd>
                <dd><a href="../static/#">支付宝</a></dd>
                <dd><a href="../static/#">财付通</a></dd>
                <dd><a href="../static/#">网银支付</a></dd>
                <dd><a href="../static/#">银联支付</a></dd>
            </dl>
            <dl>
                <dt><em class="icon_img"></em>售后服务</dt>
                <dd><a href="../static/#">退换货原则</a></dd>
                <dd><a href="../static/#">退换货要求与运费规则</a></dd>
                <dd><a href="../static/#">退换货流程</a></dd>
            </dl>
            <dl>
                <dt><em class="icon_img"></em>关于我们</dt>
                <dd><a href="../static/#">关于我们</a></dd>
                <dd><a href="../static/#">友情链接</a></dd>
                <dd><a href="../static/#">媒体报道</a></dd>
                <dd><a href="../static/#">新闻动态</a></dd>
                <dd><a href="../static/#">企业文化</a></dd>

            </dl>
        </div>
    </div>
    <div class="slogen">
        <div class="footerbox clearfix ">
            <ul class="wrap">
                <li>
                    <a href="../static/#"><img src="../static/images/icon_img_02.png" data-bd-imgshare-binded="1"></a>
                    <b>正品保证</b>
                    <span>正品行货 放心选购</span>
                </li>
                <li><a href="../static/#"><img src="../static/images/icon_img_03.png" data-bd-imgshare-binded="2"></a>
                    <b>满68元包邮</b>
                    <span>购物满68元，免费快递</span>
                </li>
                <li>
                    <a href="../static/#"><img src="../static/images/icon_img_04.png" data-bd-imgshare-binded="3"></a>
                    <b>厂家直供</b>
                    <span>价格更低，质量更可靠</span>
                </li>
                <li>
                    <a href="../static/#"><img src="../static/images/icon_img_05.png" data-bd-imgshare-binded="4"></a>
                    <b>权威认证</b>
                    <span>政府扶持单位，安全保证</span>
                </li>
            </ul>
        </div>
    </div>
    <div class="footerbox Copyright">
        <p><a href="../static/#">关于我们</a> | <a href="../static/#">隐私申明</a> | <a href="../static/#">成为供应商</a> | <a
                href="../static/#">茶叶</a> | <a href="../static/#">博客</a> |<a href="../static/#">友情链接</a> | <a
                href="../static/#">网站地图</a></p>
        <p>Copyright 2010 - 2015 巴山雀舌 四川巴山雀舌茗茶实业有限公司 zuipin.cn All Rights Reserved </p>
        <p>川ICP备10200063号-1</p>
        <a href="../static/#" class="return_img"></a>
    </div>
</div>
<!--右侧菜单栏购物车样式-->
<div class="fixedBox">
    <ul class="fixedBoxList">
        <li class="fixeBoxLi user"><a href="../static/#"> <span class="fixeBoxSpan"></span> <strong>用户</strong></a></li>
        <li class="fixeBoxLi cart_bd" style="display:block;" id="cartboxs">
            <p class="good_cart">0</p>
            <span class="fixeBoxSpan"></span> <strong>购物车</strong>
            <div class="cartBox">
                <div class="bjfff"></div>
                <div class="message">购物车内暂无商品，赶紧选购吧</div>
            </div>
        </li>
        <li class="fixeBoxLi Service "><span class="fixeBoxSpan"></span> <strong>客服</strong>
            <div class="ServiceBox">
                <div class="bjfffs"></div>
                <dl onclick="javascript:;">
                    <dt><img src="../static/images/Service1.png"></dt>
                    <dd><strong>QQ客服1</strong>
                        <p class="p1">9:00-22:00</p>
                        <p class="p2"><a
                                href="../static/http://wpa.qq.com/msgrd?v=3&amp;uin=123456&amp;site=DGG三端同步&amp;menu=yes">点击交谈</a>
                        </p>
                    </dd>
                </dl>
                <dl onclick="javascript:;">
                    <dt><img src="../static/images/Service1.png"></dt>
                    <dd><strong>QQ客服1</strong>
                        <p class="p1">9:00-22:00</p>
                        <p class="p2"><a
                                href="../static/http://wpa.qq.com/msgrd?v=3&amp;uin=123456&amp;site=DGG三端同步&amp;menu=yes">点击交谈</a>
                        </p>
                    </dd>
                </dl>
            </div>
        </li>
        <li class="fixeBoxLi code cart_bd " style="display:block;" id="cartboxs">
            <span class="fixeBoxSpan"></span> <strong>微信</strong>
            <div class="cartBox">
                <div class="bjfff"></div>
                <div class="QR_code">
                    <p><img src="../static/images/erweim.jpg" width="150px" height="150px" style=" margin-top:10px;"/>
                    </p>
                    <p>微信扫一扫，关注我们</p>
                </div>
            </div>
        </li>

        <li class="fixeBoxLi Home"><a href="../static/./"> <span class="fixeBoxSpan"></span> <strong>收藏</strong> </a>
        </li>
        <li class="fixeBoxLi BackToTop"><span class="fixeBoxSpan"></span> <strong>返回顶部</strong></li>
    </ul>
</div>
</body>
</html>
<script>
    var a = $kit.els8cls($kit.ui.Form.ComboBox.Select.defaultConfig.transformCls), a1 = [];
    for (var i = 0; i < a.length; i++) {
        a1.push(a[i])
    }
    a = a1;
    var b1 = new $kit.ui.Form.ComboBox.Select({
        el: a[0],
        data: (function () {
            var provTreeDict = new TreeDict();
            for (var prov in chinaJSON) {
                provTreeDict.ad(prov, prov);
            }
            return provTreeDict;
        })()
    });
    b1.transform();
    b1.ev({
        ev: 'change',
        fn: function () {
            var prov = chinaJSON[b1.inputEl.value];
            if (prov == null) {
                return;
            }
            var cityTree = new TreeDict();
            for (var city in prov) {
                cityTree.ad(city, city);
            }
            b2.inputEl.value = '';
            b2.formEl.value = '';
            b2.config.data = cityTree;
            b2.list.buildList(cityTree.search(''));
        }
    });
    var b2 = new $kit.ui.Form.ComboBox.Select({
        el: a[1],
        data: undefined
    });
    b2.transform();
    b2.ev({
        ev: 'change',
        fn: function () {
            var city = chinaJSON[b1.inputEl.value][b2.inputEl.value];
            if (city == null) {
                return;
            }
            var districtTree = new TreeDict();
            for (var district in city) {
                districtTree.ad(district, city[district]);
            }
            b3.inputEl.value = '';
            b3.formEl.value = '';
            b3.config.data = districtTree;
            b3.list.buildList(districtTree.search(''));
        }
    });
    var b3 = new $kit.ui.Form.ComboBox.Select({
        el: a[2],
        data: undefined
    });
    b3.transform();

</script>